<!-- 热门话题 -->
<div class="sidebar-card">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-fire"></i> 热门话题</h3>
        <a href="#" class="see-all">更多</a>
    </div>

    <div class="topics-container">
        <div class="topic-item">
            <i class="fas fa-fire"></i>
            <span>前端开发新趋势</span>
        </div>
        <div class="topic-item">
            <i class="fas fa-fire"></i>
            <span>UI设计中的微交互</span>
        </div>
        <div class="topic-item">
            <i class="fas fa-fire"></i>
            <span>远程工作效率提升</span>
        </div>
        <div class="topic-item">
            <i class="fas fa-fire"></i>
            <span>程序员健康管理</span>
        </div>
        <div class="topic-item">
            <i class="fas fa-fire"></i>
            <span>AI在开发中的应用</span>
        </div>
        <div class="topic-item">
            <i class="fas fa-fire"></i>
            <span>响应式设计最佳实践</span>
        </div>
    </div>
</div>
